<template>
  <!-- 项目简介弹框 -->
  <popup :show="projectShow" title="申欣环保山西古城煤矿超低浓度瓦斯综合利用碳减排项目简介" @onClone="projectFun">
    <div class="projectDialog">
      <happy-scroll color="#476396" size="9" resize hide-horizontal>
        <section class="sectionBox">
          <!-- <img src="@/assets/test.jpg" alt="" /> -->
          <video
            src="@/assets/video/test.mp4"
            autoplay
            loop
            style="width: 60%;"
            class="video"
          ></video>
          <p>
            &nbsp;&nbsp;&nbsp;&nbsp;本项目占地17.6亩，位于山西省长治市屯留区境内，是以潞安化工集团古城煤矿中央风井为依托建设的乏风及抽放瓦斯氧化发电工程。
            发电系统主要由1套乏风瓦斯掺混系统、10台蓄热氧化装置（RTO）、1台100
            ton/h高温高压余热锅炉、1台25 MW抽凝式汽轮发电机组等子系统组成。
            掺混系统将抽放瓦斯和乏风掺混到一定浓度（甲烷浓度1.2%左右）后送入RTO装置，氧化反应产生的高温烟气进入余热锅炉生产蒸汽，蒸汽推动汽轮发电机将热能转化为电能的同时向用户供热，实现热电联产。
          </p>
        </section>
      </happy-scroll>
    </div>
  </popup>
</template>

<script>
import popup from "../../popup.vue";

export default {
  components: {
    popup,
  },
  name: "projectDialog",
  data() {
    return {
      projectDialog: `<div>1111111111</div>`,
    };
  },
  computed: {
    projectShow: function () {
      return this.$store.state.projectShow;
    },
  },
  methods: {
    projectFun(data) {
      let that = this;
      that.$store.dispatch("changeFun", {
        str: "projectShow",
        cont: data,
      });
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.projectDialog {
  width: 1000px;
  height: 650px;
  color: #fff;
  .sectionBox {
    width: 96.5%;
    padding-bottom: 20px;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 30px;
    video{
      margin-top: 20px;
      margin-left: 180px;
    }
    p{
      padding: 0 80px;
      margin-top: 20px;
    }
  }
  img {
    width: 100%;
  }
}
</style>

